<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <input type="text" id="num"><button id="btn">数字插入数组</button>
    <p id="txt"></p>
    <script>
        // 2. 有一个从小到大排好序的数组。现输入一个数，要求按原来的规律将它插入数组中。
        var num = document.getElementById('num')
        var btn = document.getElementById('btn')
        var txt = document.getElementById('txt')

        
        var arr = [10,20,30,40,50,60]
        // 显示数组
         txt.innerHTML = '[' + arr + ']'
         btn.onclick = function (){
            //  点击按钮添加input值
            arr.push(num.value)
            // 排序
            arr.sort(function(a,b){
                return a - b
            })
            // 显示数组
            txt.innerHTML = '[' + arr + ']'
            // 清空input值
            num.value = null
        }
    </script>
</body>
</html>